<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<script type="text/javascript" src="js/lib/jquery.min.js" ></script>
		<link rel="stylesheet" href="//at.alicdn.com/t/font_3379001_z2ljlpdfnxa.css">
		<link href="css/bootstrap.css" rel="stylesheet">
		<link rel="stylesheet" href="css/bootstrap.css" />
		<link rel="stylesheet/less" type="text/css" href="css/xStyle.less" />
        <script type="text/javascript" src="js/lib/less.js" ></script>

		
		<title></title>
		
	</head>
	<body>
		<h1>  </h1>
<div id ="testcascade"  style="width: 400px"></div>
<h1>xx  </h1>
 

	 <div id ="testcascade1"  style="width: 400px"></div>
	 
	 <h1>xx  </h1>
<h1>xx  </h1>
<h1>xx  </h1>

	 <div id ="testcascade2"  style="width: 400px"></div>
	
	
   <script type="module">
   import  xCascade from './js/src/xCascade.js';
	import {hunan} from './js/data/chinaTree.js'	
	
	   var zjson = {
			el :'testcascade',
			tab:["地市","区县"],
			placeholder:"请选择市/区",			
			data: hunan
		} ;
		
	var zjson1 = {
			el :'testcascade1',
			tab:["地市","区县"],
			placeholder:"请选择市/区",			
			data: hunan,
			mandatory:true
		} ;
              
              
              	var zjson2 = {
			el :'testcascade2',
			tab:["地市","区县"],
			placeholder:"请选择市/区",			
			data: hunan,
			mandatory:true
		} ;
       let xc = new xCascade(zjson); 
       
       let xc1 = new xCascade(zjson1); 
              let xc2 = new xCascade(zjson2); 
	 
	</script>
	
	
	</body>
</html>
